<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <!--<![endif]-->

<head>    <!-- Mobile viewport optimisation -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="content-language" content="vi"/>
    <title>Hosen Hotel</title>
    <!--nivoSlider-->
    <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/styleNivoSlider.css" type="text/css" />
    <!-- 1140px Grid styles for IE -->
    <!--[if lte IE 9]><link type="text/css" rel="stylesheet" href="css/ie.css" media="screen" /><![endif]-->
    <link type="text/css" rel="stylesheet" href="css/1140.css" />
    <link type="text/css" rel="stylesheet" href="css/default-style.css" />
    <link type="text/css" rel="stylesheet" href="css/form.css" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="header" class="clearfix">
    <div class="container12">
        <a class="logo" href="index.html" title="Hosen Hotel"><img src="images/logo.png" alt="Hosen Hotel" /></a>

        <div class="row phone-lang">
            <ul class="column12">
                <li class="lang"> | &nbsp;
                    <span><a href="" class="active" title="EN">EN</a></span>
                    <span><a href="" title="JP">JP</a></span>
                    <span><a href="" title="KOR">KOR</a></span>
                </li>
                <li class="phone-number">+(84.8) 38 232 281</li>
            </ul>
        </div>
        <div class="row slider-book">
            <!--Slider banner-->
            <div class="slider-wrapper theme-default">
                <div id="slider" class="nivoSlider column12">
                    <a href="#" title="img 1"><img src="images/banner1.jpg" alt="banner1.jpg" title="#htmlcaption1" /></a>
                    <a href="#" title="img 1"><img src="images/banner2.jpg" alt="banner2.jpg" title="#htmlcaption2" /></a>
                </div>
            </div>
            <!--<div id="htmlcaption1" class="nivo-html-caption sixcol last">
                <h2>GIỚI THIỆU <span>CÔNG TY 1</span></h2>
                <p class="info">Công ty là nơi thực hiện các công trình chất lượng  cao về chế </p>
                <a href="" title="Xem thêm ...">Xem thêm ...</a>
            </div>
            <div id="htmlcaption2" class="nivo-html-caption sixcol last">
                <h2>GIỚI THIỆU CÔNG TY 2</h2>
                <p class="info">Công ty là nơi thực hiện các công trình chất lượng  cao về chế </p>
                <a href="" title="Xem thêm ...">Xem thêm ...</a>
            </div>
            <div id="htmlcaption3" class="nivo-html-caption sixcol last">
                <h2>GIỚI THIỆU CÔNG TY 3</h2>
                <p class="info">Công ty là nơi thực hiện các công trình chất lượng  cao về chế </p>
                <a href="" title="Xem thêm ...">Xem thêm ...</a>
            </div>-->

            <!--book-->
            <div class="column5 book">
                <h2><strong>Let us</strong> know your</h2>
                <div class="form">
                    <form>
                        <div class="row">
                            <label>Check - in date</label>
                            <input type="text" name="check-in" value="" /><img src="images/icon-calendar.png" alt="calendar" />
                        </div>
                        <div class="row">
                            <label>Check - out date</label>
                            <input type="text" name="check-out" value="" /><img src="images/icon-calendar.png" alt="calendar" />
                        </div>
                        <div class="row">
                            <input type="submit" name="submit" value="Book now" />
                        </div>
                        <a href="" title="Check availability chart">Check availability chart</a>
                    </form>
                </div>
            </div>
        </div>
        <div class="row menu">
            <span class="btn-navbar"></span>

            <ul class="column12">
                <li><a href="index.html" title="Home" class="active"><img src="images/icon-menu-active.png" /> Home</a></li>
                <li><a href="accomodations.html" title="Accomodations"><img src="images/icon-menu.png" /> Accomodations</a></li>
                <li><a href="services.html" title="Services"><img src="images/icon-menu.png" /> Services</a></li>
                <li class="logo">&nbsp;</li>
                <li><a href="promotions.html" title="Promotions"><img src="images/icon-menu.png" /> Promotions</a></li>
                <li><a href="gallery.html" title="Gallery"><img src="images/icon-menu.png" /> Gallery</a></li>
                <li><a href="contact.html" title="Contact"><img src="images/icon-menu.png" /> Contact</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="wrapper">
    <div class="container12">
        <div class="row main-bg services">
            <div class="column12">
                <h1>Service</h1>
                <p>Bằng cách này, chúng tôi muốn chào đón các bạn đến với trang web của khách sạn HOSEN Hotel. Một chào đón thân thiện trong một khuôn khổ quyến rũ cung cấp khách của khách sạn là một kỷ niệm khó quên của một kỳ nghỉ thú vị trên bờ biển.</p>
                <div class="list-services">
                    <div class="column2 service alpha">
                        <img src="images/img-service-1.png" alt="service 1" />
                        <p>Restaurant & Bar Service</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-3.png" alt="service 1" />
                        <p>Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-1.png" alt="service 1" />
                        <p>Restaurant & Bar Service</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-3.png" alt="service 1" />
                        <p>Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-1.png" alt="service 1" />
                        <p>Restaurant & Bar Service</p>
                    </div>
                    <div class="column2 service omega">
                        <img src="images/img-service-3.png" alt="service 1" />
                        <p>Restaurant & Bar Service</p>
                    </div>
                    <div class="clearfix"></div>

                    <div class="alpha column2 service">
                        <img src="images/img-service-1.png" alt="service 1" />
                        <p>Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-3.png" alt="service 1" />
                        <p>Restaurant & Bar Service</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-1.png" alt="service 1" />
                        <p>Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-3.png" alt="service 1" />
                        <p>Restaurant & Bar Service</p>
                    </div>
                    <div class="column2 service">
                        <img src="images/img-service-1.png" alt="service 1" />
                        <p>Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant & Bar Service Restaurant</p>
                    </div>
                    <div class="column2 service omega">
                        <img src="images/img-service-3.png" alt="service 1" />
                        <p>Restaurant & Bar Service</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="footer">
    <div class="container12 main-bg">
        <div class="row ">
            <div class="column5">
                <h3>Contact</h3>
                <p>4A - 4B - 4C Thi Sách St., Ben Nghe Ward, Dist 1, Ho Chi Minh City, Viet Nam</p>
                <p class="phone icon">+(84.8) 38 232 281 - 38 232 285</p>
                <p class="fax icon">+(84.8) 38 291 849</p>
                <p class="email icon">info@hosenhotel.com.vn</p>
            </div>
            <div class="column2">
                <h3>Hosen Hotel</h3>
                <p><a href="" title="About us">About us</a></p>
                <p><a href="" title="Provision">Provision</a></p>
                <p><a href="" title="Guide">Guide</a></p>
            </div>
            <div class="column2 social">
                <h3>Share</h3>
                <p class="icon-twitter icon"><a href="" title="Twitter">Twitter</a></p>
                <p class="icon-facebook icon"><a href="" title="Facebook">Facebook</a></p>
                <p class="icon-gmail icon"><a href="" title="Gmail">Gmail</a></p>
                <p class="icon-google icon"><a href="" title="Google">Google</a></p>
            </div>
            <div class="column2 support">
                <h3>Support</h3>
                <p class="icon-skype icon"><a href="" title="Skype">Skype</a></p>
                <p class="icon-yahoo icon"><a href="" title="Yahoo">Yahoo</a></p>
            </div>
        </div>
    </div>
    <div class="container12 copyright">
        <div class="row">
            <div class="column12">
                <p>Copyright &copy; 2014 Ho Sen Hotel. All right reserved. <a href="" title="Designed by Bachhop">Designed by Bachhop</a></p>
            </div>
        </div>
    </div>
</div>

<a href="javascript:;" class="icon-home" title="home"><img src="images/icon-home.png" alt="icon home" /></a>

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
    $(function() {
        /* scroll to top*/
        $(window).scroll(function(){
            if ($(this).scrollTop() > 300) {
                $(".icon-home").fadeIn();
            } else {
                $(".icon-home").fadeOut();
            }
        });

        /* scrollup */
        $(".icon-home").click(function(){
            $("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });

        // nivoSlider
        $('#slider').nivoSlider();

        $('.btn-navbar').click(function() {
            $(this).toggleClass('left6');
            $('.menu li.logo').remove();
            $('.menu').toggleClass('active');
        });

        var $list_info_detail = $('.list-info.detail, .promotion-detail').width();
        var $list_info_detail_img = $('.list-info.detail img.img-large, .promotions img.img-large').width();
        var $txt_center = ($list_info_detail - $list_info_detail_img) / 2;
        $('.list-info.detail img.img-large, .promotions img.img-large').css('margin-left', $txt_center);
        $('.list-info.detail ul').css('margin-left', $txt_center);
    });
</script>
</body>
</html>